<!--@Knockout-->
<div data-bind="dxButton: { text: 'Subscribe to ValueChanged event', onClick: clickHandler }"></div>
<div class="dx-fieldset">
    <div class="dx-field">
        <div class="dx-field-label">Text Box:</div>
        <div class="dx-field-value" data-bind="dxTextBox: {
            placeholder: 'Type text here',
            onInitialized: initializedHandler
        }"></div>
    </div>
</div>
<div>New value: <span id="newValue"></span></div>
<div>Previous value: <span id="oldValue"></span></div>
<!--/@Knockout-->
<!--@AngularJS-->
<div ng-controller="demoController">
    <div dx-button="{ text: 'Subscribe to ValueChanged event', onClick: clickHandler }"></div>
    <div class="dx-fieldset">
        <div class="dx-field">
            <div class="dx-field-label">Text Box:</div>
            <div class="dx-field-value" dx-text-box="{
                onInitialized: initializedHandler,
                placeholder: 'Type text here'
            }"></div>
        </div>
    </div>
    <div>New value: <span id="newValue"></span></div>
    <div>Previous value: <span id="oldValue"></span></div>
</div>
<!--/@AngularJS-->
<!--@jQuery-->
<div id="button"></div>
<div id="myTextBox"></div>
<div>New value: <span id="newValue"></span></div>
<div>Previous value: <span id="oldValue"></span></div>
<!--/@jQuery-->